<template>
  <view class="box">
   <view class="box1">
    <view class="box12">
      <view class="box13">
      <image src="/static/image13.png" />
    </view>
    <view class="box14">
      钱清养车服务门店
    </view>
    <view class="box15">店铺信誉：  5</view>
  </view>
  <view class="box2">
    <view class="box21">
      <image src="/static/image14.png" />
    </view>
    <view class="box22">
      余额
    </view>
    <view class="box23">1358.00</view>
  </view>
  <view class="box24"></view>
  <view class="box25">
    <view class="box26">
      <image src="/static/image15.png"/>
    </view>
    <view class="box27">待入账</view>
    <view class="box28">283.00</view>
  </view>
   <view class="box3">
    <view class="box31">我的订单</view>
    <view class="box32"> <image src="/static/image16.png"/></view>
    <view class="box33"> <image src="/static/image17.png"/></view>
    <view class="box34"> <image src="/static/image18.png"/></view>
    <view class="box35">商品管理</view>
    <view class="box36">客户订单</view>
    <view class="box37">退换/售后</view>
  </view>
   </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        
      }
    },
    methods: {
      
    }
  }
</script>

<style>
.box37{
  margin-left: 485rpx;
  margin-top: -42rpx;
}
.box36{
  margin-left: 275rpx;
  margin-top: -40rpx;
}
.box35{
  margin-left: 55rpx;
}
.box34 image{
  width: 105rpx;
  height: 105rpx;
  margin-left: 500rpx;
 margin-top: -112rpx;
 position: absolute;
}
.box32 image{
   width: 180rpx;
   margin-left: 25rpx;
   height: 105rpx;
}
.box33 image{
  width: 130rpx;
  height: 95rpx;
 margin-left: 280rpx;
 margin-top: -102rpx;
 position: absolute;
}
.box31{
  margin-top: 25rpx;
  margin-left: 20rpx;
  font-size: 37rpx;
}
.box3{
  background-color: white;
  width: 690rpx;
  position: absolute;
  height: 270rpx;
  border-radius: 12px;
  margin: 70rpx 30rpx;
  margin-top: 330rpx;
}
.box28{
  position: absolute;
  margin-left: 470rpx;
  margin-top: 175rpx;
  font-size: 37rpx;
}
.box27{
  position: absolute;
  margin-left: 505rpx;
  margin-top: 117rpx;
}
.box26 image{
  position: absolute;
  width: 50rpx;
  margin-left: 450rpx;
  margin-top: 115rpx;
  height: 50rpx;
}
.box24{
  width: 2rpx;
  background-color: rgb(232, 232, 232);
  height: 160rpx;
  margin-left: 375rpx;
  margin-top: 105rpx;
  position: absolute;
}
.box23{
  margin-left: 115rpx;
  font-size: 37rpx;
  margin-top: 20rpx;
}
.box22{
  margin-left: 172rpx;
  margin-top: -52rpx;
}
.box21 image{
  width: 50rpx;
  height: 50rpx;
  margin-left: 120rpx;
  margin-top: 50rpx;
}
.box2{
  background-color: white;
  width: 690rpx;
  position: absolute;
  height: 230rpx;
  border-radius: 12px;
  margin: 70rpx 30rpx;
}
.box15{
  font-size: 25rpx;
  margin-left:155rpx;
  margin-top: 5rpx;
  color: darkgray;
}
.box14{
  margin-left: 155rpx;
  margin-top: -125rpx;
  font-weight: 600;
}
.box13 image{
  margin-top: 30rpx;
  width: 150rpx;
  height:150rpx ;
  margin-left: 5rpx;
}
.box{
 background-color: rgb(233, 232, 232);
 height: 1245rpx;
}
.box1{

  background-color: rgb(249, 234, 242);
  height: 345rpx;
}
</style>
